.tx-tips{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: none;}
.tx-tips::after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color:rgba(0,0,0,0.8);}
.tx-tips-box{position: absolute;left: 50%;top: 100px; width: 440px;margin-left: -220px;background-color: #fff;box-shadow: 0 5px 15px #555;z-index: 20;transition:all .5s ease 0s;transform: translateY(-50%);}
.tx-tips-box h2{line-height:50px;text-align: center;padding: 0 20px;font-size: 22px;font-weight: 200;}
.tx-tips-box dl{padding: 20px;font-size: 16px;font-weight: 200;border-top: 1px solid #eee;}
.tx-tips-box dl p{padding:10px 0;}
.tx-tips-off{position: absolute;right: 0;top: 0;line-height: 50px;width: 50px;text-align: center;font-size: 22px;font-weight: 200;color: #999;}
.tx-tips-on{display: block;}

@media screen and (max-width: 450px){
    .tx-tips-box{width:90%;left:5%;top:50px;margin-left:0;}
}